<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>BulletBox test</title>
<link rel="stylesheet" type="text/css" href="bulletbox.css" />

<link rel="stylesheet" type="text/css" href="../scrollbox/scrollbox.css" />
<link rel="stylesheet" type="text/css" href="../arrowbox/arrowbox.css" />

<script type="text/javascript" src="../../os3jslib/liwe.js"></script>
<script src="../../../os3jslib/event.js"></script>
<script src="../../../os3jslib/fx.js"></script>
<script type="text/javascript" src="../../os3jslib/utils.js"></script>
<script type="text/javascript" src="../../os3jslib/dom.js"></script>
<script type="text/javascript" src="../../os3jslib/string_enh.js"></script>
<script type="text/javascript" src="../../os3jslib/object_enh.js"></script>
<script type="text/javascript" src="../wwl.js"></script>


<script type="text/javascript" src="../scrollbox/scrollbox.js"></script>
<script type="text/javascript" src="../scrollbox/scrollbox.templates.js"></script>

<script type="text/javascript" src="../arrowbox/arrowbox.js"></script>
<script type="text/javascript" src="../arrowbox/arrowbox.templates.js"></script>

<script type="text/javascript" src="bulletbox.js"></script>
<script type="text/javascript" src="bulletbox.templates.js"></script>

<script type="text/javascript">
function init ()
{
	var b = new WWL.bulletbox ( 'mybulletbox' );
	b.add_item ( '<div class="item"><h1>testo uno</h1></div>' );
	b.add_item ( '<div class="item"><h1>testo due</h1></div>' );
	b.add_item ( '<div class="item"><h1>testo tre</h1></div>' );
	b.add_item ( '<div class="item"><h1>testo quattro</h1></div>' );
	b.add_item ( '<div class="item"><h1>testo cinque</h1></div>' );
	b.add_item ( '<div class="item"><h1>testo sei</h1></div>' );
	b.add_item ( '<div class="item"><h1>testo sette</h1></div>' );
	b.add_item ( '<div class="item"><h1>testo otto</h1></div>' );
	b.add_item ( '<div class="item"><h1>testo nove</h1></div>' );
	b.cbacks [ 'display' ] = function ( info, cback ) 
	{ 
		cback( info, 'r_push' );
	}
	b.render ( "test" );
}


</script>
</head>
<style type="text/css">	
   .bulletbox_cnt{
		background: blue;
	}
 </style>
<body onload="init()">

<div id="test" style="width: 600px; height:400px; border:1px dotted #000"></div>


</body>
</html>
